<%@page import="com.fractalist.man.constants.ManConstants"%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/common/includes.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>电台列表</title>
<link rel="stylesheet" href="${ctx }/css/styles.css" type="text/css" />
<script type="text/javascript" src="${ctx }/js/jquery-1.6.1.min.js"></script>
<jsp:include page="/common/jscalendar.jsp"></jsp:include>
<style>
.tc a {
	color: red;
}
</style>
<script type="text/javascript">
	var pageNo = 1;
	var pageSize = 10;
	var pageCount = 0;

	$(function() {

		$("#table_wrapper").height($(window).height() - 40);

		//翻页
		$("#home").click(function() {
			if (pageNo != 1) {
				pageNo = 1;
				queryHandle(pageNo);
			}
		});
		$("#last").click(function() {
			if (pageNo != pageCount) {
				pageNo = pageCount;
				queryHandle(pageNo);
			}
		});
		$("#previous").click(function() {
			if (pageNo != 1) {
				pageNo--;
				queryHandle(pageNo);
			}
		});
		$("#next").click(function() {
			if (pageNo != pageCount) {
				pageNo++;
				queryHandle(pageNo);
			}
		});
		$("#jump").click(function() {
			var jumpValue = $("#currentPage").val();
			if (parseInt(jumpValue) > pageCount || parseInt(jumpValue) < 1) {
				alert("跳转页码输入有误！");
				return;
			}
			pageNo = parseInt(jumpValue);
			queryHandle(pageNo);
		});

		queryHandle(1);
	});

	function queryHandle(pageNo) {
		$("#listData").html("");
		$.post("${ctx}/manager/mFmPage.action?rnd=" + Math.random(), {
			pageNumber : pageNo,
			pageLine : pageSize
		}, function(data) {
			data = eval("(" + data + ")");
			var allSize = data.totalCount;
			pageCount = Math.ceil(allSize / pageSize);
			$("#pageCount").html(pageCount);
			$("#allSize").html(allSize);
			$("#currentPage").val(pageNo);
			var listData = "";
			$.each(data.list, function(i, item) {
				var btnStr = "<a href='${ctx}/manage/viewCreateFm.action?fmId="
						+ item.id + "'>修改</a>&nbsp;";

				btnStr += "<a onclick='delFm(" + item.id
						+ ")' href='javascript:void(0);'>删除</a>&nbsp;";

				listData += "<tr><td class='tc'>" + item.title
						+ "</td><td class='tc'>" + item.url
						+ "</td><td class='tc'>" + btnStr + "</td></tr>";
			});
			$("#listData").html(listData);
		});
	}

	function delFm(fmId) {
		$.post("${ctx}/manage/delFm.action?fmId=" + fmId, {}, function(data) {
			data = eval("(" + data + ")");
			if (data.state != 0) {
				alert(data.msg);
			} else {
				alert(data.msg);
				location.href = "${ctx}/manage/viewFmPage.action?rd=" +  Math.random();
			}
		});
	}

	function notNull(obj) {
		return obj ? obj : '';
	}

	function nullRate(obj) {
		return obj ? obj + '%' : '';
	}
</script>
</head>
<body>
	<div id="wrapper">
		<div id="content_wrap">
			<div class="tabs_content">
				<div class="active_tab" id="tab1">
					<div class="toolbar2">
						<a href="${ctx }/manage/viewCreateFm.action" class="button">创建节目</a>&nbsp;
					</div>
					<div id="table_wrapper" style="width: 100%; overflow: auto;">
						<table class="table" cellpadding="0" cellspacing="0">
							<thead>
								<tr>
									<th><b>节目名称</b></th>
									<th><b>地址</b></th>
									<th><b>操作</b></th>
								</tr>
							</thead>
							<tbody id="listData">
							</tbody>
							<tfoot>
								<tr>
									<td colspan="10" style="border: 0px; padding-top: 3px;"><a
										id="home" href="javascript:void(0);" class="button1">首页</a> <a
										id="previous" href="javascript:void(0);" class="button1">上一页</a>
										<a id="next" href="javascript:void(0);" class="button1">下一页</a>
										<a id="last" href="javascript:void(0);" class="button1">末页</a>
										&nbsp;&nbsp;&nbsp;第<input id="currentPage" type="text"
										style="width: 20px; text-align: center;" />页 <a id="jump"
										href="javascript:void(0);" class="button" style="width: 50px;">跳转</a>
										&nbsp;&nbsp;&nbsp;共<span id="pageCount"></span>页<span
										id="allSize"></span>条</td>
								</tr>
							</tfoot>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>

